{extend name='main'}

{block name='content'}

<style>

    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .store-total-container .store-total-icon {
        top: 45%;
        right: 8%;
        font-size: 65px;
        position: absolute;
        color: rgba(255, 255, 255, 0.4);
    }

    .store-total-container .store-total-item {
        color: #fff;
        line-height: 4em;
        padding: 15px 25px;
        position: relative;
    }

    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    .store-total-container .store-total-item {
        color: #fff;
        line-height: 1em;
        padding: 15px 25px;
        position: relative;
    }

</style>

<div class="think-box-shadow store-total-container notselect">
    <div class="margin-bottom-15">财务统计</div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm4 layui-col-md2">
            <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
                <div>充值总额</div>
                <div>{$result.total_money}</div>
                <div>当前充值总额</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-template-1"></i>
        </div>
        <div class="layui-col-sm4 layui-col-md2">
            <div class="store-total-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
                <div>充值笔数</div>
                <div>{$result.total_pay_num}</div>
                <div>充值笔数</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-read"></i>
        </div>

    </div>
</div>
<div class="think-box-shadow">
    <fieldset>

    <legend>条件搜索</legend>

    <form class="layui-form layui-form-pane form-search" action="{:request()->url()}" onsubmit="return false" method="get" autocomplete="off">

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">开始时间</label>
            <div class="layui-input-inline">
                <input id="start" name="start_time" value="{$Think.get.start_time|default=''}" placeholder="请选择开始时间" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">结束时间</label>
            <div class="layui-input-inline">
                <input id="end" name="end_time" value="{$Think.get.end_time|default=''}" placeholder="请选择结束时间" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
        </div>
    </form>
   
</fieldset>

<script>form.render()</script>

    <table class="layui-table margin-top-10" lay-skin="line">

        <thead>
        <tr>
          <th>编号</th>
          <th>会员昵称</th>
          <th>充值金额</th>
          <th>汇豆</th>
          <th>充值时间</th>
        </tr>
        </thead>

         <tbody>
        {foreach $list as $key=>$vo}
        <tr >
        <td>{$vo.id}</td>
        <td> {$vo.name} </td>
        <td> {$vo.money} </td>
        <td> {$vo.bean} </td>
        <td> {$vo.finished_time|format_datetime} </td>

        </tr>
        {/foreach}
        </tbody>
    </table>

   {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}

</div>

<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#start'
    });
    laydate.render({
      elem: '#end'
    });
    
  });

  /*require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="requirement"]', {height: 200});
     window.createEditor('[name="work_welfare"]', {height: 200});
   });*/
</script>
{/block}
